import React from "react";
import { GoodFoodContainer } from "./style";

export default function GoodFood(props) {
  return (
    <GoodFoodContainer>
      <h1>精品好菜</h1>
      <div>
        {props.data.map((item, index) => (
          <dl key={index}>
            <dt>
              <img src={item.img} alt=""/>
            </dt>
            <dd>
              <h3>{item.name}</h3>
              <p>1000浏览 2000收藏</p>
            </dd>
          </dl>
        ))}
      </div>
    </GoodFoodContainer>
  );
}
